<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html;"></meta>
	<title>Test google Maps</title>
</head>
<body onload="">
				
	<div class="container" th:fragment="content">
			
		<div id="map-canvas" style="height: 400px; width: 600px;"></div>
		<div>
			<button id="rrBtn">Refresh to current position</button>
			<br></br>
			<div>
				<input id="searchFld" />
				<button id="searchBtn">Search Location</button>
			</div>
			<button id="saveRouteBtn">Save Route</button>
		
			<select name="car">
			    <option value="" disabled="disabled" selected="selected">Select car</option>
			    <option value="Mertzan">Mertzan</option>
			    <option value="2">BMVU</option>
			</select>
			
			<select name="seats">
			    <option value="" disabled="disabled" selected="selected">Select nr# seats</option>
			    <option value="1">1</option>
			    <option value="2">2</option>
			    <option value="3">3</option>
			    <option value="4">4</option>
			    <option value="5">5</option>
			    <option value="6">6</option>
			</select>
			<input type="text" id="timeStart" size="10" value="12.00 PM" autocomplete="OFF"></input>
			<div id="res" style="height: 40px; width: 60px;">
			</div>
		</div>
		
		<script src="https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false"
				th:src="@{https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false}"></script>		
		
	
	
		<script type="text/javascript"
				src="../../resources/js/addRoute/addRoute.js"
				th:src="@{/resources/js/addRoute/addRoute.js}"></script>
				
		<script src="HTTP://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"
			th:src="@{HTTP://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js}"></script>
		<script type="text/javascript"
				src="../../resources/js/vendor/jquery.timepicker.js"
				th:src="@{/resources/js/vendor/jquery.timepicker.js}"></script>
		
			
			<script type="text/javascript">
		    	/* alert("oare?!"); */
		    	$(document).ready(function() {$("#res").resizable();});
		    	$('#timeStart').timepicker({
					  startTime: "00.00", // Using string. Can take string or Date object.
					  endTime: new Date(0, 0, 0, 15, 10, 0), // Using Date object here.
					  show24Hours: false,
					  separator: '.',
					  step: 5
		    });
			</script>
	</div>
</body>
</html>
<!-- 
<script src="HTTP://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" 
				th:src="@{HTTP://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js}"></script> 
				
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"
				th:src="@{HTTP://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js}"></script>
		
		<script src="https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false"
				th:src="@{https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false}"></script>
		<script type="text/javascript"
				src="../../resources/js/addRoute/addRoute.js"
				th:src="@{/resources/js/addRoute/addRoute.js}"></script>

		
		<script type="text/javascript"
			src="../../resources/js/vendor/jquery.timepicker.js"
			th:src="@{/resources/js/vendor/jquery.timepicker.js}"></script>
			
		<script type="text/javascript"
			src="../../resources/js/util/util.js"
			th:src="@{/resources/js/util/util.js}"></script> -->
				

